body {
    display: box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    overflow-y: auto;
}
.veiled {
	width: 100%;
	height: 100%;
	background-color: #fff;
	/*z-index: 1;*/
}
#wmain {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
/*footer*/
.footer {
	width: 100%;
	height: 49px;
	padding-top: 6px;
	padding-bottom: 6px;
	border-top-color: #aaa;
	background-color: #f7f7f7;
	border-top-style:solid;
	border-top-width:1px;
}

.footer ul {
	width: 100%;
	height: 100%;
	background-color: #f7f7f7;
	display: box;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-content: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	align-items: center;
}

.footer ul li {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	text-align: center;
	font-size: 10px;
}

.footer ul li a {
	display: block;
	width: 100%;
	height: 100%;
}
.footer ul li p {
	text-align: center;
}
.footer ul li.active {
	color: #1fb5ac;
}

.footer ul li.active a {
	color:#28c195;
}

.footer ul li {
	color: #808080;
}

.footer ul li .iconfont {
	width: 100%;
	height: 22px;
	font-size: 22px;
	line-height: 28px;
	color:#bbb;
}
.footer ul li.active p {
	color:#28c195;
}

.footer ul li:nth-of-type(4) .iconfont {
	font-size: 26px;
	line-height: 32px;
}

.footer ul li a p {
	color: #808080;
}

.footer ul li a p:nth-of-type(2) {
	width: 100%;
	height: 20px;
	line-height: 25px;
	font-size: 12px;
}


section{
	-webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;    
    flex: 1;
    overflow-y: auto;
    -webkit-overflow-scrolling : touch; 
}
header{
	/*height: 156px;*/
	width: 100%;
	overflow: hidden;
}
.por{position: relative;}
.swiper-container{
	width: 100%;
	height: 100%;
}
.swiper-container a{
	display: block;
	width: 100%;
	height: 100%;
}
.swiper-container a img{
	width: 100%;
	height: 100%;
}
#top-nav{
	height: 108px;
	width: 100%;
	padding-bottom: 14px;
	padding-top: 17px;
	overflow: hidden;
	background-color: #fff;
	border-bottom-style: solid;
	border-bottom-width: 8px;
	border-bottom-color: #EEE;
	flex-direction:row;
}
#top-nav div{
	float: left;
	width: 25%;
	height: 100%;
}
#top-nav div span{
	display: block;
	width: 37px;
	height: 37px;
	margin-left: auto;
	margin-right: auto;
	background-color: #f00;
	margin-top: 12px;
	text-align: center;
	line-height: 37px;
	color: #fff;
	border-radius: 4px;
	overflow: hidden
}
#top-nav div:nth-of-type(1) span{
	background-color: #5e97f6;
	font-size: 18px;
}
#top-nav div:nth-of-type(2) span{
	background-color: #5ec9f6;
	font-size: 15px;
	line-height: 39px;
}
#top-nav div:nth-of-type(3) span{
	background-color: #78c06e;
	font-size: 20px;
	line-height: 41px;
}
#top-nav div:nth-of-type(4) span{
	font-size: 18px;
	background-color: #9a89b9;
	background-size: cover;
}
#top-nav div.weex-div p{
	height: 30px;
	line-height: 30px;
	font-size: 12px;
	color: #222;
	text-align: center;
}
.enterprise{
	width: 100%;
	margin-top: 8px;
	padding-bottom: 12px;
}
.noCourse{
	height: 160px;
	width: 100%;
	overflow: hidden;
}
.noCourse img{
	display: block;
	width: 96px;
	height: 80px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
}
.noCourse span{
	display: block;
	text-align: center;
	font-size: 14px;
	color: #222;
	margin-top: 20px;
}
.enterprise a{
	flex-direction: row;
	width: 100%;
	height: 100%;
	padding-left: 9px;
	padding-right: 9px;
	line-height: 32px;
	overflow: hidden;
}
.enterprise a>span{
	float: left;
	font-size:14px;
	color: #28c195; 
}
.enterprise .weight{
	font-size: 16px;
	font-weight: 700;
	color:#333;
}
.enterprise a p{
    font-size: 14px;
    color: #28c195;
}
.enterprise a p strong{
	color:#28c195;
}

.ranking a > div{
	flex-direction: row;
	align-items:center;
}
.ranking a > div > p:first-child{
	color: #28c195
}
.ranking a > div > p:last-child{
	color: #f37327
}
.ranking span:nth-of-type(2){
	margin-left: 10px;
}
.enterprise a p span{
	font-size: 14px;
	margin-left: 3px;
}
.enterpriseContent{
	width: 100%;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 3px;
	background-color: #fff;
	overflow: hidden;
    flex-direction: row;
    flex-wrap: wrap;
}
.enterpriseContent li:nth-of-type(2n){
	margin-left: 1.8%;
}
.enterpriseContent li:nth-of-type(2n-1){
	margin-right: 1.8%;
}
.course{
	width: 48%;	
	margin-bottom: 15px;
	float: left;
	background-color: #fff;
	overflow: hidden;
	height: 156px;
	border:1px solid #DCDCDC;
    box-shadow: 0px 1px 3px #BEBEBE;
}
.course img{
	width: 100%;
	height: 98px;
	display: block;
}
.course .course-title{
	width: 100%;
	font-size: 14px;
	line-height: 28px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow:ellipsis;
	color: #222;
	padding-left: 5px;
	padding-right: 5px;
	margin-top: 5px;
}
.course p i{
	padding-left: 2px;
	padding-right: 2px;
	color: #fff;
	background-color: #f2762e;
	font-size: 12px;
	border-radius: 2px;
	margin-right: 6px;
	margin-top: -2px;
	font-style: normal;
}

.course .course-star span{
	color: #59afeb;
	float: left;
	font-size: 12px;
	color: #666;
	display: block;
	height: 18px;
	line-height: 18px;
	overflow: hidden;
}
.course a{
	display: block;
}
.course .lecturerNickname{
	color: #59afeb;
	margin-left: 3px;
}
.course .coursePrice{
	color: #f57328;
	margin-left: 3px;
}
.course .course-people p{
	color: #666;
	font-size: 14px;
}
.course .course-star i{
	font-size: 12px;
	line-height: 18px;
	float: left;
    padding-right: 2px;
    color:#f2762e;
}
.course .course-star i.icon-wode{
	font-size: 16px;
}
.course .course-star .icon-halfstar{
	font-size: 16px;
}
.course .course-star div{
	height: 18px;
	line-height: 20px;
	font-size: 14px;
}
.course  .course-people i{
	font-size: 12px;
	/*margin-right: 3px;*/
	color: #666;
	line-height: 20px;
}
.toolTip {
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0,0.5);
	position: fixed;
	/*z-index: 20;*/
	top: 0;
	visibility: hidden;
}
.toolTip .popup{
	width: 270px;
	background-color: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -135px;
	margin-top: -192px;
	border-radius: 10px;
}
.popup .picture{
	border-radius: 5px;
	height: 195px;
	width: 100%;
}
.popup .picture img{
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	height: 100%;
	width: 100%;
}
.textContent h3{
	text-align: center;
	font-weight: normal;
	font-size: 16px;
	line-height: 22px;
	color: #222;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
}
.textContent p{
	line-height: 23px;
	font-size: 14px;
	color: #8b8b8b;
	padding-left: 16px;
	padding-right: 16px;
	margin-bottom: 10px;
}
.popup .btn{
	height: 45px;
	overflow: hidden;
	border-top: 1px solid #ededed;
} 
.popup .btn span{
	float: left;
	width: 50%;
	height: 45px;
	line-height: 45px;
	text-align: center;
	font-size: 16px;
	color: #34c49b;
}
.popup .btn a{
	color: #34c49b;
}
.popup .btn span:nth-of-type(1){
	border-right: 1px solid #ededed;
}
.rankingList{
	width: 100%;
	/*margin-top: 5px;*/
	padding-bottom: 30px;
	/*overflow-x: auto;*/
	/*border-bottom: 1px solid #ccc;*/
}
.rankingList ul{
	/*width: 375px;*/
	width: 100%;
	overflow: hidden;
}
.rankingList li{
	/*width: 75px;*/
	overflow: hidden;
	font-size: 0;
	margin-top: 10px;
	margin-right: 9px;
	margin-left: 9px;
	flex-direction: row;
	align-items: center;
}
.rankingList li:nth-child(1) .rank-sort{
	background-color: #FE633A;
}
.rankingList li:nth-child(2) .rank-sort{
	background-color: #F56C85;
}
.rankingList li:nth-child(3) .rank-sort{
	background-color: #FDA32F;
}
.rankingList li:nth-child(4) .rank-sort{
	background-color: #37D7E5;
}
.rankingList li:nth-child(5) .rank-sort{
	background-color: #8CDA39;
}
.rankingList li .img{
	margin-right: 14px;
	margin-left: 8px;
	padding-bottom: 10px;
	font-size: 0;
	position: relative;
	overflow: hidden;
}
.rankingList li .img-head{
	padding-left: 9px;
	border-bottom:1px solid #EEEEEE;
	padding-bottom: 10px;
}
.rankingList li .img-head .image-h{
	width: 36px;
	height: 36px;
	border-radius: 50%;
	display: block;
	border-style:solid;
	border-width:1px;
	border-color:#D7D7D7;
}
.rankingList li .img-head .img-txt{
	/*margin-top: 25px;*/
	width: 36px;
	height: 36px;
	border-radius: 50%;
	display:inline-block;
	line-height: 36px;
	text-align: center;
	color: #fff;
	font-size: 10px;
}
.rankingList li .img-head i{
	width: 20px;
	height: 20px;
	position: absolute;
	top: 16px;
	left: -3px;
}
.rankingList li .name{
	position: relative;
	top: 10px;
	font-size: 14px;
	color: #222;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-bottom: 2px;
	line-height: 40px;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.rankingList li p.user-name{font-size: 14px;}
.rankingList li .name > p{
	/*display: inline-block;*/
	/*vertical-align: top;*/
}
.rankingList li>div{
	font-size: 12px;
	color: #999;
	/*vertical-align: top;*/
	/*vertical-align: middle;*/
}
.nocredit{
	font-size: 14px;
	line-height: 40px;
	color: #666;
	text-align: center;
}
.popup.resize {transform-origin:top center !important;}
.course i.icon-star1 {
    position: relative;
    top: -1px;
    font-size: 14px;
}
#top-nav  .weex-image{
	margin-left: auto;
	margin-right: auto;
}
/*党建模块 Start*/
.ccp{
	font-size: 0;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 14px;
	margin-top: 10px;
	border-bottom-style:solid;
	border-bottom-width:8px;
	border-bottom-color:#EEEEEE;;
}
.ccp > a{
	position: relative;
	display: block;
}
.ccp .ccp-left{
	display: inline-block;
	text-align: center;
	padding-right: 11px;
	border-right:1px solid #CCCCCC;
}
.ccp .ccp-left span{
	display: block;
	width: 33px;
	height: 33px;
	text-align: center;
	line-height: 33px;
	border-radius:50%;
	color:#FEF200;
	font-size: 18px;
	background-color: #CA1C1D;
}
.ccp .ccp-left p{
	vertical-align: top;
	font-size: 14px;
	color:#CA1C1D;
	font-weight: bold;
	line-height: 1;
	padding-top: 3px;
}
.ccp .ccp-right{
	display: inline-block;
	width: 80%;
	vertical-align: top;
	padding-left: 6px;
}
.ccp .ccp-right > div{
	position: relative;
	font-size:15px;
	color:#333;
	flex-direction: row;
}
.ccp .ccp-right > div > p{
	max-width: 84%;
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
 .ccp .ccp-right > div .icon-new{
	display: inline-block;
	font-size: 22px;
	color:#F2762E;
    vertical-align: -4px;
} 
.ccp .ccp-right > p{
	padding-right: 35px;
	padding-top: 7px;
	font-size: 12px;
	color:#989595;
	font-weight: normal;
}
.ccp .icon-comiisyoujiantou{
    position: absolute;
    right: -7px;
    top: 20px;
	font-size: 20px;
    color: #666;
}
.mt10{margin-top: 10px;}
/*党建模块 End*/
#type-wrap{
	padding-top: 5px;
	padding-right: 9px;
	padding-bottom: 12px;
	padding-left: 9px;
	font-size: 0;
}
#type-wrap .ctype > span{
	font-size: 12px;
	display: inline-block;
	color:#999;
}
#type-wrap .ctype > a > p{
	display: inline-block;
	font-size: 10px;
	line-height: 1;
	color:#999;
	padding-left: 8px;
	padding-right: 8px;
	height: 18px;
	line-height: 20px;
	border:1px solid #CCCCCC;
	border-radius:10px;
	margin-right: 22px;
}
@media screen and (max-width: 320px){
	#type-wrap .ctype > a:not(:last-child){
		margin-right: 15px;
	}
}
#course-tip p{
	line-height: 20px;
	padding-left: 23%;
}
.course-time p{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 22px;
	line-height: 22px;
	background-color: rgba(0,0,0,.5);
	font-size: 11px;
	text-align: center;
	color:#fff;

}
@media screen and (max-width: 320px){
	.course-time{
		font-size: 10px;
	}
}
#rank{
	padding-top: 15px;
	padding-right: 8px;
	padding-left: 8px;
	border-top:10px solid #EEEEEE;
	flex-direction: row;
	align-items:flex-end;
}
#rank > strong{
	font-size: 16px;
	color:#333;
	font-weight: 700;
}
#rank > span{
	font-size: 10px;
	color:#999;
}
#rank > a{
	margin-top: 4px;
}
#rank > .rank-more{flex:1;align-items:flex-end;}
#rank >.rank-more  p{font-size: 12px;color:#999;}
#rank > .rank-more  p .iconfont{font-size: 10px;}
.rank-tit{
	margin-left: 9px;
	margin-right: 9px;
	flex-direction: row;
	padding-bottom: 2px;
	border-bottom:1px solid #D7D7D7;
}
.rank-tit p{
	font-size: 12px;
	color:#666;
}
.rank-tit p:nth-child(2){
	padding-left: 71px;
}
.rank-tit p:nth-child(3){
	position: absolute;
	right: 9px;
}
.rank-tit p:first-child{
	padding-left: 6px;
}

.rank-sort{
	display: inline-block;
	font-size: 12px;
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	border-radius:5px;
	color:#fff;
	margin-left: 8px;
	margin-right: 17px;
}
.rank-info{
	width: 73%;
    padding-bottom: 10px;
    padding-left: 16px;
    height: 47px;
    border-style:solid;
    border-color:#eee;
    border-bottom-width:1px;
}
@media screen and (max-width:320px){
	.rank-info{
		width: 69%;
	}
}
.rank-info .name .user-score{
	flex-direction:row;
}
.rank-info .name .user-score p{
	font-size: 13px;
	color:#f2762e;
}
.rank-info .name .user-score p.user-s-tip{
	font-size: 10px;
	color:#999;
}
.rank-info > div{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	/*padding-bottom: 10px;*/
}

.swiper-pagination-bullet{
	opacity:.6 !important;
	background-color: #fff !important;
}
.swiper-pagination-bullet-active{
	opacity:1 !important;
	background-color: #28C195 !important;
}
.user-name{
	width: 42px;
}
.dep-name{
	font-size: 12px;
	color:#999;
	padding-left: 29px;
	width: 55%;
    overflow: hidden;
    /*white-space: nowrap;*/
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
}
#starcover{
	position: fixed;
	left: 0;
	top: 0;
	/*z-index: 200;*/
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.5);
	display: none;
}
#star{
	position: relative;
	left: 50%;
	top: 50%;
	width: 270px;
	height: 390px;
	-webkit-transform:translate3d(-50%,-50%,0);
	transform:translate3d(-50%,-50%,0);
	background-color: #fff;
	border-radius:15px;
	text-align: center;
}
#star .star-close{
	display: inline-block;
	position: absolute;
	right: 8px;
	top: 8px;
	width: 20px;
	height: 20px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
	line-height: 20px;
	text-align: center;
	background-color: #CCC;
	border-radius:50%;
}
#star .star-close i{
	color:#fff;
}
.star-orange{
	color:#ffae00;
}
.star-part1{
	padding-top: 32px;
}
.star-part1 p{
	font-size: 16px;
	line-height: 1;
	padding-bottom: 10px;
}
.star-part2 > img{
	display: block;
	width: 100%;
}
.star-red{
	color:#ff5855;
}
.star-part2 > p{
	font-size: 15px;
	padding-top: 18px;
	padding-bottom: 18px;
	line-height: 1;
}
.star-part2 > a{
	display: block;
	width: 140px;
	height: 35px;
	margin-left: auto;
	margin-right: auto;
	color:#fff;
	text-align: center;
	line-height: 35px;
	background-color: #EE4240;
	border-radius:20px;
	box-shadow:inset 0 -3px 0 #E43534;
	/*box-shadow:inset 0 -3px 0 green;*/
}
.star-part3 > p{
	font-size: 11px;
	color:#666;
	line-height: 1.5;
}
.star-part3 > p:first-child{
	padding-top: 15px;
}
.star-part3 > p:last-child{
	font-size: 10px;
	color:#ccc;
	padding-top: 15px;
}
.punchCard{
	border-bottom: 9px solid #eee;
	padding-top: 12px;
	padding-bottom: 12px;
	background-color: #fff;
	position: relative;
}

.punchCard .clockLog{
	overflow: hidden;
    flex-direction: row;
    flex-direction: row;
    align-items: flex-start;
    padding-bottom: 10px;
}
.punchCard .clockLog .cardimg{
	width: 40px;
	height: 40px;
	margin-top: 8px;
	margin-right: 8px;
	margin-left: 8px;
}
.punchCard .clockLog p{
	font-size: 14px;
	float: left;
	/*width: 70%;*/
	margin-top: 3px;
	color: #333;
	margin-bottom: 0;
	padding-left: 8px;
	padding-right: 8px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow:hidden;
}
.punchCard .clockLog .clockLogtime  p{
	padding-left: 3px;
}
.punchCard .clockLog .icon-comiisyoujiantou{
	float: right;
	margin-right: 8px;
	margin-top: 20px;
}
.punchCard .clockLogtime{
	line-height: 33px;
	text-indent: 63px;
	font-size: 14px;
	padding-left: 8px;
	align-items:center;
}
.punchCard .clockLogtime .iconfont{
	font-size: 14px;
	margin-right: 3px;
}
.punchCard .clockLogtime i,.punchCard .clockLogtime p{color: #28c195;}
.punchCard .clockLogList{
	overflow: hidden;
	height: 32px;
	line-height: 32px;
	flex-direction:row;
	align-items:center;
	/*padding-bottom: 12px;*/
}

.punchCard .clockLogList>span{
	margin-left: 8px;
	font-size: 12px;
	color: #999;
}
.punchCard .clockLogList .punchCardList{
    flex-direction: row;
}
.punchCard .clockLogList .punchCardList .headImg{
	float: left;
	width: 32px;
	height: 32px;
	line-height: 32px;
	border-radius: 50%;
	text-align: center;
	color: #fff;
	background-color: #14c145;
	font-size: 12px;
	margin-left: 6px;
}
/* 2017-06-06新增 */
.app-container{
	background-color: #fff;
}
.clock-line{
	float: left;
	height: 40px;
	width: 1px;
	background-color: #ccc;
}
.clock-desc{
	margin-top: 8px;
	flex-direction:row;
	flex:1;
}
.ctype{
	display: block;
}
.weex-div.weex-ct.ctype > a{
	display: inline-block;
}
.flex-row{
	flex-direction: row;
}
.clock-txt{
	flex: 1;
}
.app-container{flex:1;}
.choose-lesson a{justify-content: space-between;align-items:center;}
.choose-lesson a p{
    float: right;
    font-size: 12px;
    color: #666;
}
.choose-lesson a p i{
	font-size: 14px;
}
.course-star{
    height: 18px;
    line-height: 18px;
    overflow: hidden;
    padding-left: 5px;
    padding-right: 5px;
	flex-direction: row;
    justify-content: space-between;
}
.course .course-star span i {
    font-size: 12px;
    line-height: 18px;
    float: left;
    padding-right: 2px;
    color: #f2762e;
}
.course-people{
	flex-direction: row;
}
#fight{
	font-size:14px;
	color:#999;
	padding-bottom: 50px;
	padding-left: 9px;
}
.w-tit{
	width: 100%;
    font-size: 14px;
    line-height: 28px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #222;
    padding-left: 5px;
    padding-right: 5px;
    margin-top: 10px;
    margin-bottom: 6px;
    flex-direction: row;
}
.w-tit p:first-child{
    padding-left: 2px;
    padding-right: 2px;
    color: #fff;
    background-color: #f2762e;
    font-size: 12px;
    border-radius: 2px;
    margin-right: 6px;
    font-style: normal;
}
.w-tit p:last-child{
	font-size: 14px;
	color:#222;
}
.course .w-js{
    font-size: 12px;
    line-height: 18px;
    float: left;
    padding-right: 2px;
    color: #f2762e;
}
.course .w-tname{
    color: #59afeb;
    float: left;
    font-size: 12px;
    color: #666;
    display: block;
    height: 18px;
    line-height: 18px;
    overflow: hidden;
}
.w-teacher{ 
	padding-right: 5px;
	padding-left: 5px;
}
.w-teacher,.w-teacher > div{
	flex-direction: row;
    justify-content: space-between;
}
.w-num i{
	font-size: 12px;
    margin-right: 3px;
    color: #666;
    line-height: 20px;
}
.w-num p{
    color: #666;
    font-size: 14px;
}
.weex-root p.pl10{padding-left: 10px;font-size: 10px;color: #999;}